
Vue.component('com-footer', {
  template: `<div class="footer-all">
              <div class="footer-main">
                <div class="footer-applet">
                    <div class="applet-item">
                      <div class="item-img"><img src="./images/weixin_job.png" alt=""></div>
                      <i class="iconfont icon-weixinxiaochengxu2x"></i>
                      <span>求职端-微信小程序</span>
                    </div>
                    <div class="applet-item">
                      <div class="item-img"><img src="./images/zhifubao_job.png" alt=""></div>
                      <i class="iconfont icon-zhifubao"></i>
                      <span>求职端-支付宝小程序</span>
                    </div>
                    <div class="applet-item">
                      <div class="item-img"><img src="./images/weixin_recruit.png" alt=""></div>
                      <i class="iconfont icon-weixinxiaochengxu2x"></i>
                      <span>企业端-微信小程序</span>
                    </div>
                </div>
                <div class="footer-regards">
                  <div v-for="(box,index) in navList" :key="'f-n'+index" class="regards-item">
                    <div class="item-title">{{box.title}}</div>
                    <div v-for="(item,j) in box.child" :key="'f-n-c'+j" class="item-name" @click="toPath(item.path)">{{item.title}}</div>
                  </div>
                </div>
                <div class="footer-code">
                  <img src="./images/hn_dcode.png" alt="">
                  <div class="hotline">
                    <div class="hotline-item">
                      <span>服务热线:</span>
                      <span>0731-85063916</span>
                    </div>
                    <div class="hotline-item">
                      <span>技术支持:</span>
                      <span>0731-85063048</span>
                    </div>
                    <div class="hotline-item">
                      <span>求职者交流群</span>
                      <span>756067870</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="footer-com">
                <div class="bot-log"><img src="./images/hnrcwlogo.png" alt=""></div>
                <div class="bot-detail">
                  <p> 中国湖南人才网--湖南招聘求职猎头门户网站
                  <a href="http://beian.miit.gov.cn" target="_blank">湘ICP备17003122号-2</a>
                  <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43011102000811" target="_blank"> 湘公网安备 43011102000811 </a>
                  增值电信业务许可证：湘B2-20190147 </p>
                  <p><a href="//www.hnrcsc.com/images/yyzz.jpg" target="_blank">湖南人才市场有限公司营业执照公示</a>，
                  <a href="//www.hnrcsc.com/images/fwxk.png" target="_blank">人力资源服务许可证</a> ©1998-2020 长沙市雨花区湘府中路168号 湖南人才市场有限公司（湖南人才网） 版权所有 </p>
                </div>
              </div>
            </div>`,
  data() {
    return {
      navList: [{
        title: '关于我们',
        child: [
          {
            title: '公司介绍',
            path: '#'
          },
          {
            title: '联系我们',
            path: '#'
          },
          {
            title: '服务条款',
            path: '#'
          }
        ]
      },{
        title: '个人求职',
        child: [
          {
            title: '填写简历',
            path: '#'
          },
          {
            title: '职位搜索',
            path: '#'
          },
          {
            title: '校园招聘',
            path: '#'
          }
        ]
      },{
        title: '企业招聘',
        child: [
          {
            title: '网络招聘',
            path: '#'
          },
          {
            title: '现场招聘',
            path: '#'
          },
          {
            title: '招聘外包',
            path: '#'
          }
        ]
      },{
        title: '特色服务',
        child: [
          {
            title: '职业导师',
            path: '#'
          },
          {
            title: '人事管理',
            path: '#'
          }
        ]
      }]
    }
  },
  methods: {
    toPath(path, name = '_self') {
      // 如果新打开页面第二个参数name请传入 _blank
      window.open(path, name)
    }
  }
});

